The following example shows the symbol object:
<symbol name="Symbol1" height="44" width="44" left="418" top="306" visible="true" wallpaper="false" isReferenceObject="false" borderStyle="raisedInset" borderWidth="6" description="" shape="rectangle" triggerType="value" imageName="Backspace" currentStateId="Error" setLastStateId="4">
<states>
<state stateId="Error" borderColor="black">
<imageSettings backStyle="solid" color="#008C00" backColor="#80FF80" blink="false" />
</state>
<state stateId="0" value="0" borderColor="black">
<imageSettings backStyle="solid" color="#8C0000" backColor="yellow" blink="false" />
</state>
<state stateId="1" value="1" borderColor="black">
<imageSettings backStyle="solid" color="cyan" backColor="navy" blink="false" />
</state>
<state stateId="2" value="2" borderColor="black">
<imageSettings backStyle="solid" color="#F890F8" backColor="#580058" blink="false" />
</state>
<state stateId="3" value="3" borderColor="black">
<imageSettings backStyle="solid" color="#FFFF80" backColor="#404000" blink="false" />
</state>
</states>
<animations>
<animateVisibility expression="n7" expressionTrueState="visible" />
</animations>
<connections>
<connection name="Indicator" expression="TestTag2" />
</connections>
</symbol>